.yg-my {
    .yg-my-nav {
      .my-nav {
        background-color: var(--themeColor);
        color:white;
      }
    }
    .yg-my-login {
        height:4rem;
        display: flex;
        width:100%;
        justify-content: center;
        padding-top:0.8rem;
        background-color:#fff;
        .login-btn {
            width:4.666667rem;
            height:1.2rem;
            line-height: 1.2rem;
            text-align: center;
            border:1px solid var(--themeColor);
            color:var(--themeColor);
            font-weight:bold;
            font-size:0.453333rem;
        }
        .yg-my-head{
            .headPicture{
                width:1.333333rem;
                height:1.333333rem;
                line-height: 1.333333rem;
                border-radius: 50%;
                text-align: center;
                background-color: pink;
                border:1px solid #ccc;
            }
            .exitBtn{
                margin-top:0.133333rem;
                text-align:center;
                font-size:0.4rem;
            }
        }
      }
      .yg-my-tab {
        .am-tab-bar-bar {
            height:1.866667rem;
            margin:0.2rem 0;
            .am-tab-bar-tab-title{
                margin-top: 0.133333rem;
            }
        }
      }
      
      .yg-my-content {
        .content-list {
          .content-list-item {
              width:100%;
              height:1.333333rem;
              display: flex;
              padding:0 0.533333rem;
              align-items: center;
              justify-content: space-between;
              margin-bottom: 0.066667rem;
              background-color: #fff;
            .item-left {
              i {
      
              }
      
              span {
                margin-left:0.4rem;
              }
            }
      
            .item-right {
              span {
      
              }
            }
          }
        }
      }
  }
